/*
专门给主页用的JS
 */

/**
 * 统一调用需要执行的方法
 */
initSort();
initUsedBook();
/*
使用Ajax 初始化分类列表
 */
function initSort(){
    $.ajax({
        url:'/api/bookSort/getAll', //获取分类信息
        type:'get',
        data:{},
        dataType:'json',
        success:function(data){
            // 成功获取到的数据
            //渲染界面
            var html = "";
            $.each(data,function(index,item){
                if (index >= 10) return false; //最多只能显示十个
                html +=  '<li><a href="/search?bookSortId='+item.id+'">'+item.name+'<i class="mi-icon icon-right"></i></a>';
                    var width = parseInt(((item.books !== null ? item.books.length:1) +5)/6 ) * 248 ;
                    width = width >(4 *248) ? 4 * 248 : 4 * 248;
                    html += '<div class="children" style="width: '+width+'px"><ul class="left">';

                    //生成二级分类，遍历二级分类
                    $.each(item.books,function (i , son) {
                        var fileList = son.fileUrl
                        var img = fileList[0];
                        if (img === undefined){
                            img = 'default.jpg'
                        }
                        html += '<li><a href="/book?id='+son.id+'">\
                                <img src="upload/'+img+'" >\
                                <span>'+son.name+'</span>\
                                </a></li>';
                        if (i >= 23){
                            return false;
                        }
                        if ((i+1)%6 == 0){ // 5. 11 17 .23 .19
                            html +='</ul>';
                            html +='<ul class="left">';
                        }
                    })

                    html += '</ul></div>';

                html +='</li>';
            });
            $(".goods-sorts>ul").html(html);
        },
        error:function(){

        }
    });

}
function initUsedBook(){
    $.ajax({
        url:'/api/usedBook/getAll',
        type: 'get',
        data:{},
        dataType: 'json',
        success: function (data){
            var html = ''
            $.each(data,function (index,item){
                if (index >= 8) return falsse; //最多只能显示8个
                var img = item.fileUrl[0];
                html += '<li><a href="/usedBook?id='+item.id+' " > ' +
                    '<div class="img"> ' +
                        '<img src="upload/'+img+'"> ' +
                    '</div> ' +
                    '<h3 class="title">'+item.name+'</h3> ' +
                    '<p class="desc">'+item.author+'</p> ' +
                    '<p class="price">'+item.price+'</p> ' +
                    '</a></li>';
            })
            $(".usedBookList>ul").html(html);
        },
        error: function (){

        }
    })
}

